<template>
  <div class="home">
    <header-view></header-view>
    <SectionView></SectionView>
    <FooterView></FooterView>
    <MapViewVue></MapViewVue>
  </div>
</template>

<script>
import HeaderView from '@/components/HeaderView.vue'
import SectionView from '@/components/SectionView.vue';
import FooterView from '@/components/FooterView.vue';           
import MapViewVue from '@/components/MapView.vue';
import {getList} from "@/api"
export default {
  components: { HeaderView ,SectionView,FooterView,MapViewVue},
  data() {
    return {
      reportDate:{}
    }
  },
  methods:{
    getData(){
      return this.reportDate
    }
  },
  async mounted(){
    let {data:res} = await getList()
    this.reportDate =res
  },
  provide(){
    return{
      getData:this.getData
    }
  }
}
</script>
